.card {
    border: 1px solid gray(219);
    box-shadow: 0px 2px 2px gray(219);

    & .card-content {
        padding: 2em;

        & .media {
            margin-bottom: 1em;
        }
    }

    & .card-header {
        border-bottom: 1px solid gray(239);
        box-shadow: 0px 1px 1px gray(239);
        display: flex;
        align-items: stretch;

        & .card-header-title {
            font-weight: 700;
            flex: 1 1 auto;
            padding: .75rem;
        }

        & .card-header-icon {
            padding: .75rem;
        }

    }

    & .card-footer {
       display: flex;

       & .card-footer-item {
           flex: 1 1 auto;
           text-align: center;
           border-top: 1px solid gray(219);
           padding: .75rem;
           &:not(:last-child) {
               border-right: 1px solid gray(219);
           }
       }
    }


}
